@charset "utf-8";

body{background-color:#fff; }
#wrap{width:100%;}
#header { width:100%; height:190px; background:#e93e44;}
#head01 { position:relative; width:1040px; height:190px; margin:0 auto; background:#e93e44;}
#head02 { position:absolute; top:0; width:100%; height:38px; background:#e93e44;}
.head02_01 {position:relative; width:1040px; height:38px; margin:0 auto; background:#e93e44; }
#head02 strong {display:block; margin-top:6px; text-align:center;}
#head02 ul {position:absolute; right:8px; top:13px;}
#head02 ul li {float:left; padding:0 15px 0 0;}#container{width:100%;}
#container .contWrap{overflow:hidden; width:1040px; margin:0 auto;}
#container .cont{float:left;width:1040px; margin:0 auto;}
#containerBanner {width:100%; background:#d0c7b6;}
#containerBanner .bannerWrap {width:1040px; margin:0 auto; background:#d0c7b6;}
#containerGnb {width:100%; _height:77px; background:#5c2e10 url(../images/main/bg_gnb1.png) repeat-x 0 0;}/* 2014-05-12 */
#containerGnb .gnbWrapNew {width:1040px; margin:0 auto; background:#5c2e10;}
#containerCont {width:100%; background:#fff;}
#containerCont .realCont {width:1040px; margin:0 auto;}
#header.scroll {position:fixed;left:0;top:0;z-index:5;} /* 2014-05-23 */
#containerBanner.scroll {margin-top:190px;} /* 2014-05-23 */

.toggle{position:absolute;top:134px;left:408px;width:256px;height:30px;background:url(../images/bg_toggle.png) no-repeat 0 0}
.toggle span{position:absolute;top:1px;left:0px;width:120px;height:29px;background:url(../images/bg_toggle_bar.png) no-repeat 0 0;z-index:50}
.toggle ul{position:relative;overflow:hidden;z-index:100}
.toggle li{float:left}
.toggle li a{display:block;height:30px}
.toggle .tg01{background:url(../images/btn_toggle01_off.png) no-repeat 32px 10px}
.toggle .tg01.on{background-image:url(../images/btn_toggle01_on.png)}
.toggle .tg01 a{}
.toggle .tg02{background:url(../images/btn_toggle02_off.png) no-repeat 50px 7px}
.toggle .tg02.on{background-image:url(../images/btn_toggle02_on.png)}
.toggle .tg02 a{width:122px}
.toggle .tg03{background:url(../images/btn_toggle03_off.png) no-repeat 23px 10px}
.toggle .tg03.on{background-image:url(../images/btn_toggle03_on.png)}
.toggle .tg03 a{width:79px}

.mainBanner{position:relative;height:294px}
.mainBanner .menuBanner{position:absolute;top:35px;left:0;}
.mainBanner .menuBanner li{width:242px;height:29px; padding:17px 0 0 0; border-bottom:1px solid #c0b6a5;}
*+ html .mainBanner .menuBanner li{width:242px; height:35px; padding:10px 0 0 0; border-bottom:1px solid #c0b6a5;}
.mainBanner .menuBanner li a{display:block;line-height:46px}
.mainBanner .menuBanner li a img{vertical-align:middle}
.mainBanner .menuBanner li.last {border-bottom:none;}
.mainBanner .control{position:absolute;top:286px;left:128px;z-index:200}
.mainBanner .bg_banner{position:relative;height:294px;z-index:100}
.mainBanner .bg_banner li{display:block;position:absolute;top:0;left:0;height:294px}
.mainBanner .m_ban01 {width:400px; margin:0 auto; border:1px solid red;}
.mainBanner .m_ban01 p {float:left; margin-left:-30px;}
.mainBanner .m_ban01 p.desc {margin:49px 0 0 74px;}
.mainBanner .m_ban01 p.desc strong {display:block; margin:60px 0 0 0;}
.mainBanner .m_ban02{/*background:url(../images/bg_main_banner02.jpg) no-repeat 0 0;*/}
.bigBanner {width:100%; background:#d0c7b6;}
.bg_banner {width:400px; margin:0 auto;}
.bigBannerA {_width:1040px;}
.bigBannerA ul li p.img, .bigBannerA ul li p.txt {float:left;}
.bigBannerA ul li p.img {padding:0 0 0 255px;}
.bigBannerA ul li p.txt {margin:45px 0 0 117px;}
.bigBannerA ul li p strong {display:block; margin:62px 0 0 0;}

.gnb{position:relative;top:0px;width:1040px;height:70px; z-index:400;} /* 2014-05-23 */
.gnb .open{position:absolute;top:0;right:0;width:30px;height:27px;background:url(../images/btn_banner_close.png) no-repeat 0 0;z-index:500}
.gnb .open.on{background-image:url(../images/btn_banner_open.png)}
.gnbWrap {width:1040px; height:70px; margin:0 auto; } /* 2014-05-23 */
.gnbWrap .all {position:absolute; left:0; top:25px;}
.gnbWrap .all a{padding-bottom:32px; position:absolute; z-index:1000}
.gnbWrap .gnbAllWrap {position:absolute; top:70px; left:-69px; width:1088px; height:348px; padding:30px 0 0 0; background:url(../images/main/bg_gnball.png) repeat-x 0 0; z-index:800;} /* 2014-05-23 */
/*
.gnbWrap .gnbAll {position:absolute; top:71px; left:-69px; width:1088px; height:348px; padding:30px 0 0 68px; background:url(../images/main/bg_gnball.png) repeat-x 0 0; z-index:800;}*/
.gnbWrap .gnbAll {overflow:hidden;width:1040px;margin:0 auto;}
.gnbWrap .gnbAll ul {width:244px; height:81px; padding:17px 0 0 0; background:url(../images/main/gnball_m1_bg.png) no-repeat 0 0;}
.gnbWrap .gnbAll ul.m6 li {float:left; width:115px;}
.gnbWrap .gnbAll ul.m7 {width:244px; height:101px; background:url(../images/main/gnball_m7_bg.png) no-repeat 0 0;}
.gnbWrap .gnbAll p {}
.gnbWrap .gnbAll > li {float:left; padding-right:20px;}
.gnbWrap .gnbAll > li.leftbd {border-left:1px solid #e6e6e6; padding:0 23px 46px 20px;}
.gnbWrap .gnbAll > li > ul {}
.gnbWrap .gnbAll > li > ul > li {line-height:18px; font-family:'돋움체', Dotum; font-size:12px; font-weight:normal; color:#000; text-align:center;}
.gnbWrap .gnbAll > li > ul > li a {color:#000;}
.w244 {width:244px;}

/* 슬라이드 gnb부분 */
.scrollWrap{ background:url(../images/main/bg_gnb1.png) repeat-x 0 0;}

.gnbWrap .gnbmask{width:890px; overflow:hidden; margin-left:86px; padding-left:0;} /* 2014-05-23 */
.gnbWrap .gnbPart {_width:1040px; _position:absolute;}
.gnbWrap .gnbPart ul li{}
.gnbWrap .gnbPart > li {float:left; width:242px; _margin-right:20px; }
.gnbWrap .gnbPart > li a {position:relative; display:block; padding-bottom:29px; padding-top:25px; text-align:center; margin:0 auto; }
.gnbWrap .gnbPart > li:hover { background:url(../images/bg_arr.png) no-repeat center 63px; }
.gnbWrap .gnbPart > li > ul > li > a{width:189px; height:26px; padding-bottom:0; padding-top:0; text-align:left;}

.gnbWrap .gnbPart > li:first-child{margin-right:17px; padding:0 0 0 0; width:156px;}
.gnbWrap .gnbPart > li:first-child a{text-align:left;}
.gnbWrap .gnbPart > li:first-child:hover{ background:url(../images/bg_arr.png) no-repeat 15px 63px;}
.gnbWrap .gnbPart > li.last {}
.gnbWrap .gnbPart .sub1 {position:absolute; left:0; top:70px; width:246px; height:144px; padding:25px 0 0 0;background:url(../images/main/bg_gnbsub1.png) no-repeat 0 0; z-index:900;}
.gnbWrap .gnbPart li.no_bg:hover{background:none;} /* 2014-05-24 */
.gnbWrap .gnbPart .sub2 {}
.gnbWrap .gnbPart .sub3 {
	position:absolute;
	left:502px;
	top:70px;
	width:245px;
	height:143px;
	padding:25px 0 0 0;
	background:url(../images/main/bg_gnbsub3.png) no-repeat 0 0;
	z-index:900;
}
.gnbWrap .gnbPart .sub4 {position:absolute; left:744px; top:70px; width:246px; height:145px; padding:25px 0 0 0;background:url(../images/main/bg_gnbsub4.png) no-repeat 0 0; z-index:900;}
.arrArea2 {position:absolute; left:8px; top:63px; z-index:9999;}

.content{width:1024px; background-color:#f9f9f9;}/* 2014-05-07 modify */
.content.realCont {width:1040px; margin-top:65px; background-color:#fff;}/* 2014-05-07 modify */

.content .contList{width:1027px; padding-top:60px; }
.content .contList:after{display:block; content:''; clear:both}
.content .contList li{position:relative; float:left; padding-top:0px;}
.content .contList li.event ul li {padding-bottom:10px;}
.content .contList li.online ul li {padding-bottom:10px;}
.content .contList li.store ul li {padding-bottom:0;}
.content .contList li.card ul li {padding-bottom:10px;}
.content .contList li ul li{padding-top:0}
.content .contList .mCSB_container ul li:first-child{padding-top:35px;}

.content .contList dt{display:block;height:70px;padding-top:10px;line-height:70px;text-align:center}
.content .contList dt img{vertical-align:middle}
.content .contList dd{display:block;margin-bottom:10px}
.content .contList .card{width:242px}
.content .contList .event{overflow-y:auto;overflow-x:hidden;width:259px;padding-left:2px;}
.content .contList .event dt{padding-left:10px}
.content .contList .event dd{text-align:center}
.content .contList .online{overflow-y:auto;overflow-x:hidden;width:262px}
.content .contList .online dt{padding-right:10px}
.content .contList .online dd{padding-left:5px}
.content .contList .store{width:262px}
.content .contList .store span{position:absolute;top:80px;right:-24px}
.content .contList .card dd{margin-bottom:10px}
.content .top{display:none;position:fixed;bottom:300px;left:50%;margin-left:499px}
.content .contList .event ul li img {position:relative;}

.bg_shadow{display:none;position:absolute;bottom:10px;width:267px;height:5px;background:url(../images/bg_list_shadow.png) no-repeat 0 0}
.bg01{left:117px}
.bg02{left:377px}
.bg_brown{display:block;position:absolute;bottom:10px;width:260px;height:7px;background-color:#5c2e10}
.bg_box{position:absolute;bottom:10px;width:11px;height:7px;background-color:#5c2e10}


#footerWrap {width:100%;}/* 2014-06-02 */
#noticeWrap {width:100%; height:60px; background:#f7f7f7; color:#717171; font-size:11px;}
.notice {width:1040px; height:60px; margin:0 auto; background:#f7f7f7;}
.notice .no1,
.notice .no2,
.notice .no3 {float:left; padding:25px 0 0 0;}
.notice .no1 {width:264px;}
.notice .no1 img {padding-left:1px; margin-top:-3px; vertical-align:middle;}
.notice .no2 {width:264px; margin-left:2px;}
.notice .no3 {width:264px; margin-left:8px;}
#footer {width:1040px; margin:0 auto;}
#footer .footerInfo {margin:25px 0 0 0; color:#909090;}
#footer .footerInfo .fInfo {font-family:'돋움', Dotum;}
#footer .footerInfo .fInfo ul.infoList {margin:15px 0 0 0;}
#footer .footerInfo .fInfo ul.infoList li {float:left; padding-right:20px;}

.addr span {display:inline-block; margin:10px 0 0 0; padding:0 10px 0 0; background:url(../images/main/img_bar.png) no-repeat right 1px;}
.addr span.last {background:none;}

/* 2014-05-23 추가 */
.commonArea {overflow:hidden;width:100%;}
.commonArea .commonAreaWrap .slideCon {float:left;}